<template>
  <div class="roots">

      <el-button type="primary" @click="goLogin">登录</el-button>
      <el-button type="success" @click="goRegister">注册</el-button>
      <el-button type="warning" @click="goHome">首页</el-button>
      
      <div class="line"><hr></div>
      <h1>每日文章</h1>
      <el-tag type="success">作者：{{author}}</el-tag>
      <el-tag type="warning">字数：{{wc}}</el-tag>
      <el-tag type="danger">日期：{{curr}}</el-tag>
      <div class="pad"></div>
      <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item :title="'主题：' + title" name="1">
            <div v-html="content"></div>
        </el-collapse-item>
      </el-collapse>
  </div>
</template>
<script>
import roots from './roots'
export default roots
</script>
<style lang="less" scoped>
    .roots {
        height: 100%;
        width: 100%;
        padding: 0 20px;
        padding-top: 50px;
        box-sizing: border-box;
    }
    .line {
        padding-top: 20px;
    }
    .pad {
        padding-top: 30px;
    }
</style>